<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>

            .a{
                width: 200px;
                height: 200px;
                background: blanchedalmond;

                /*
                可见性
                hidden隐藏
                visible可见
                */
            /*visibility: hidden;*/

                /*隐藏元素*/
                display: none;
            /*
            visibilitu:hidden;和display:none;都可以都可以隐藏元素，前者会占有位置，后者不会占有原来的位置
            */

            }


            .b{
                width: 300px;
                height: 300px;
                background: pink;
            }
        </style>
    </head>
    <body>

    <div class="a"></div>

    <div class="b"></div>

    </body>
</html>